<!DOCTYPE HTML>

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>{{ title|default('') }}{% if title is defined %} | {% endif %}Хидрографика</title>

        {% block js %}
            <script src="{{ asset("js/jquery-1.11.0.min.js") }}"></script>
            <script src="{{ asset("js/jquery-migrate.min.js") }}"></script>
            <script type="text/javascript">
                $(document).ready(function() {
                    $(".content").hide();
                    $(".content").fadeIn();
                });
            </script>
        {% endblock js %}

        {% block css %}
            <link rel="stylesheet" href="{{ asset("css/reset.css") }}" type="text/css" media="all" />
            <link rel="stylesheet" href="{{ asset("css/normalize.css") }}" type="text/css" media="all" />
            <link rel="stylesheet" href="{{ asset("css/styles.css") }}" type="text/css" media="all" />
            <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic,latin-ext,cyrillic-ext,greek-ext,greek,vietnamese' rel='stylesheet' type='text/css'>
        {% endblock css %}
    </head>

    <body>

        <header class="header">
            <nav>
                <ul class="menu">
                    <li class="{% if app.currentRoute == 'home' %}active{% endif %}">
                        <a href="{{ path('home') }}">Хидрографика</a>
                    </li>
                    <li class="{% if app.currentRoute == 'catalog' %}active{% endif %}">
                        <a href="{{ path('каталог') }}">Каталог</a>
                    </li>
                    <li class="{% if app.currentRoute == 'gallery' %}active{% endif %}">
                        <a href="{{ path('галерия') }}">Галерия</a>
                    </li>
                    <li class="{% if app.currentRoute == 'contacts' %}active{% endif %}">
                        <a href="{{ path('контакти') }}">Контакти</a>
                    </li>
                </ul>
                <a href="https://www.facebook.com/FacebookDevelopers" target="_blank" class="fb_button"></a>
            </nav>
        </header>

        <div class="content">
            <section class="wrapper c_block">
                <div>
                    <h1>404 Page not found! </h1>
                </div>
            </section>
        </div>

        <div class="clear mt_40"></div>
        <footer>
            <div class="footer_wrapper">

                <span class="web_design">
                    <a href="">
                        <p>Web Design</p>
                        A-Dimitrov.com
                    </a>
                </span>

                <a href="" class="color mt_20 ml_20 f_left">
                    <span class="munista"></span>
                    <span class="f_left ads_wi">
                        <header>
                            <h2>Мъниста</h2>
                        </header>
                        <p>Мъниста и сарашки изделия</p>
                    </span>
                </a>

                <a href="" class="color mt_20 ml_20 f_left">
                    <span class="munista"></span>
                    <span class="f_left ads_wi">
                        <header>
                            <h2>Мъниста</h2>
                        </header>
                        <p>Мъниста и сарашки изделия</p>
                    </span>
                </a>



            </div>
            <div class="footer_color"></div>

        </footer>
    </body>
</html>